<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="stylesheet" href="../css/index.css">
  <title>Calendar</title>
</head>
<body>
  <!-- 月 -->
  <div class="calendar-month">
    <div class="title">
      <div class="select">
        <select class="select-year">
          <option value="2015">2015</option>
          <option value="2016">2016</option>
          <option value="2017">2017</option>
          <option value="2018">2018</option>
          <option value="2019">2019</option>
          <option value="2020">2020</option>
          <option value="2021">2021</option>
          <option value="2022">2022</option>
          <option value="2023">2023</option>
          <option value="2024">2024</option>
          <option value="2025">2025</option>
        </select>
        <select class="select-month">
          <option value="1">1月</option>
          <option value="2">2月</option>
          <option value="3">3月</option>
          <option value="4">4月</option>
          <option value="5">5月</option>
          <option value="6">6月</option>
          <option value="7">7月</option>
          <option value="8">8月</option>
          <option value="9">9月</option>
          <option value="10">10月</option>
          <option value="11">11月</option>
          <option value="12">12月</option>
        </select>
      </div>
      <div class="change1">
        <div class="change-active">月</div>
        <div>年</div>
      </div>
    </div>

    <div class="body">
        <div class="body-list">
            <ul id="week">
                <li>一</li>
                <li>二</li>
                <li>三</li>
                <li>四</li>
                <li>五</li>
                <li>六</li>
                <li>日</li>
            </ul>
        </div>

        <div class="darkgrey body-list">
            <ul id="days">

            </ul>
        </div>
    </div>
  </div>

  <!-- 年 -->
  <div class="calendar-year">
    <div class="title">
      <div class="select">
        <select class="select-year change-year">
          <option value="2015">2015</option>
          <option value="2016">2016</option>
          <option value="2017">2017</option>
          <option value="2018">2018</option>
          <option value="2019">2019</option>
          <option value="2020">2020</option>
          <option value="2021">2021</option>
          <option value="2022">2022</option>
          <option value="2023">2023</option>
          <option value="2024">2024</option>
          <option value="2025">2025</option>
        </select>
      </div>
      <div class="change2">
        <div>月</div>
        <div class="change-active">年</div>
      </div>
    </div>

    <div class="body-month">
      <div class="body-list">
          <ul id="months">

          </ul>
      </div>
    </div>
  </div>
  <script src="../js/index.js"></script>
</body>
</html>